.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

.scale-1px {
  position: relative;
  border: none
}

.scale-1px:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}

.one-line {
  white-space: nowrap
}

.one-line,
.two-line {
  overflow: hidden;
  text-overflow: ellipsis
}

.two-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

* {
  -webkit-tap-highlight-color: transparent
}

.nav {
  height: 1.70667rem;
  border-bottom: 1px solid #b2b2b2;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  background-color: #fff
}

.nav .title {
  font-size: .45333rem;
  color: #2f2f2f;
  text-align: center;
  line-height: 1.94667rem
}

.nav .back-icon {
  width: .72rem;
  height: .72rem;
  position: absolute;
  top: .61333rem;
  left: .26667rem;
  background-image: url();
  background-size: cover
}

.header {
  margin-top: 1.70667rem
}

.header,
.header .header-top {
  width: 100%;
  background-color: #fff
}

.header .header-top {
  position: fixed;
  display: flex;
  height: 1.06667rem;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  z-index: 4
}

.header .item {
  font-size: .34667rem;
  color: #2f2f2f;
  border-right: 1px solid #ddd;
  flex: 1;
  text-align: center;
  position: relative
}

.header .item:last-child {
  border: none
}

.header .item.cate:after,
.header .item.type:after {
  content: "";
  display: inline-block;
  width: .13333rem;
  height: .13333rem;
  margin-bottom: .05333rem;
  margin-left: .16rem;
  border: 1px solid #666;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: .3s;
  transition: .3s
}

.header .item.filter:after {
  content: "";
  display: inline-block;
  width: .32rem;
  height: .32rem;
  transform: rotate(0);
  background-image: url();
  background-size: cover
}

.header .item.current:not(.filter):after,
.header .item:before {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg)
}

.header .item:before {
  display: none;
  content: "";
  position: absolute;
  top: .61333rem;
  left: 49%;
  width: .18667rem;
  height: .18667rem;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-width: 0 1px 1px 0
}

.header .item.cate:before {
  background-color: #efefef
}

.header .item.current:before {
  display: block
}

.header .panel {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 2.8rem;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);
  display: none
}

.header .panel.show {
  display: block
}

.header .panel .panel-inner {
  height: 8rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff
}

.header .panel .panel-inner>ul {
  display: none;
  background-color: #fff
}

.header .panel .panel-inner>ul.current {
  display: block
}

.header .panel .item-title {
  position: relative;
  font-size: .32rem;
  height: .8rem;
  background-color: #efefef;
  line-height: .8rem;
  color: #666;
  padding-left: .34667rem
}

.header .panel .item-title:before {
  content: "";
  position: absolute;
  display: block;
  margin-top: .21333rem;
  margin-left: -.34667rem;
  width: .05333rem;
  height: .42667rem;
  background-color: #ffd161
}

.header .panel .item-content {
  min-height: .53333rem
}

.header .panel .cate-box {
  float: left;
  width: 33.33%;
  font-size: .32rem;
  padding: .26667rem;
  box-sizing: border-box
}

.header .panel .cate-box-inner {
  border: 1px solid #c4c4c4;
  text-align: center;
  color: #666;
  height: .98667rem;
  line-height: .98667rem;
  position: relative
}

.header .panel .cate-box-inner.active {
  background-color: #fffbf1;
  color: #ffb000;
  border-color: #ffb000
}

.header .panel .has-icon img {
  display: block;
  width: .48rem;
  height: .48rem;
  position: absolute;
  top: .26667rem;
  left: .10667rem
}

.header .panel .type-item {
  border-bottom: 1px solid #e9e9e9;
  height: 1.17333rem;
  font-size: .34667rem;
  color: #666;
  line-height: 1.17333rem;
  padding-left: .53333rem
}

.header .panel .type-item.active {
  color: #ffb000
}

.header .panel .filter-item {
  margin-bottom: .26667rem;
  margin-top: .13333rem;
  padding-left: .13333rem;
  padding-right: .13333rem
}

.header .panel .filter-title {
  color: #999;
  font-size: .32rem;
  padding-left: .37333rem
}

.r-item-content {
  display: flex;
  padding-top: .4rem;
  padding-bottom: .4rem;
  margin-left: .26667rem;
  margin-right: .26667rem;
  color: #656565
}

.r-item-content:after {
  background-color: #e4e4e4
}

.r-item-content .item-img {
  width: 2.29333rem;
  height: 1.73333rem;
  border: 1px solid #e4e4e4
}

.r-item-content .item-info-content {
  flex: 1;
  margin-left: .18667rem;
  overflow: hidden
}

.r-item-content .brand {
  position: absolute;
  left: .02667rem;
  top: .42667rem;
  font-size: .32rem;
  padding: .05333rem;
  color: #fff
}

.r-item-content .brand-pin {
  background-color: #ffa627
}

.r-item-content .brand-xin {
  background-color: #21c56c
}

.r-item-content .item-title {
  margin-top: .08rem;
  font-size: .42667rem;
  font-weight: 500;
  color: #333
}

.r-item-content .item-desc {
  margin-top: .34667rem;
  font-size: .32rem
}

.r-item-content .item-score {
  float: left
}

.r-item-content .item-count {
  float: left;
  margin-left: .13333rem
}

.r-item-content .item-distance,
.r-item-content .item-time {
  float: right
}

.r-item-content .item-price {
  margin-top: .26667rem;
  font-size: .32rem;
  height: .64rem
}

.r-item-content .item-meituan-flag {
  float: right;
  background-color: #ffd161;
  color: #000;
  padding: .08rem;
  border-radius: .08rem
}

.r-item-content .other-info {
  color: #898989;
  margin-top: .18667rem;
  font-size: .32rem;
  display: flex
}

.r-item-content .other-tag {
  width: .37333rem;
  height: .37333rem
}

.r-item-content .other-content {
  vertical-align: .08rem;
  margin-left: .08rem;
  height: .37333rem;
  width: 6.13333rem
}

.r-item-content .item-pre-price {
  float: left
}

.star-score .star {
  width: .26667rem;
  height: .26667rem;
  float: left;
  background-size: cover
}

.star-score .fullstar {
  background-image: url()
}

.star-score .halfstar {
  background-image: url()
}

.star-score .nullstar {
  background-image: url()
}

.scrollview {
  padding-bottom: 1.33333rem
}

.loading {
  padding-top: .26667rem;
  padding-bottom: .26667rem;
  font-size: .42667rem;
  text-align: center;
  color: #ccc
}

.list-content {
  padding-bottom: 1.33333rem;
  padding-top: 1.2rem
}